//  Copyright (c) 2018-present, Cruise LLC
//
//  This source code is licensed under the Apache License, Version 2.0,
//  found in the LICENSE file in the root directory of this source tree.
//  You may not use this file except in compliance with the License.

@import "~webviz-core/src/styles/colors.module.scss";

.layout {
  height: 0;
  flex: 1 1 auto;
}

$spacing: 14px;

.block {
  color: white;
  flex: 0 0 auto;
  display: flex;
  height: 100%;
  min-width: 40px;
}

.left {
  width: 100%;
  display: flex;
}

.logoWrapper {
  display: inline-block;
  margin-right: 0.5rem;
  top: 1px;
  position: relative;

  svg {
    vertical-align: middle;
    margin-right: 0.5rem;
  }
}

.playback-controls {
  background-color: $dark2;
}
